.orderSearch{
  width: 100%;
  height: 100%;
  .head_box{
    width: 100%;
    position:absolute;
    z-index:1;
    .title_top_box{
        position:absolute;
        top:15%;
        left:20px;
        font-size:40px;
        font-weight:bold;
        color:$primary-color;
    }
    .title_bottom_box{
      position:absolute;
      top:30%;
      left:20px;
      font-size:12px;
      color:$primary-color;
    }
  }
  .body_card_box{
    position: absolute;
    width:100%;
    z-index: 2;
    top:200px;
    padding:0 10px;
    box-sizing: border-box;
    .card_box{
      width: 100%;
      background-color: white;
      border: 1px solid rgba(239, 239, 239, 1);
      border-radius:20px; 
      box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
      padding:10px 10px;
      box-sizing: border-box;
      .card_row_box{
        width: 100%;
        padding:20px 20px;
        box-sizing: border-box;
        @extend .et-flex-start;
        align-items: center;
        border-bottom: 1px solid rgba(239, 239, 239, 1);
        .card_row_left_box{
          width:120px;
          font-size: $font-size-small;
        }
        .card_row_right_box{
          flex: 1;
          .card_title_box{
            font-size: $font-size-small;
          }
        }
      }
       .btn_box{
         @extend .et-flex-center;
          width: 100%;
          height: 40px;
          border-radius:20px;
          background: linear-gradient(to right,$primary-color-end, $primary-color);
          color: white;
          font-size: $font-size-base;
        }
    }
  }
}
:global{
  .nut-input{
    padding: 0px 0px;
  }
}